@import "../../../style/input.scss";
@import "../../../style/val.scss";
// .font-link {
//     color: $color-main-green !important;
// }
.add-bank-container {
	@include custom-input;
	@include input-height;
	margin-top: 0.2rem;
	.my-clear1 {
		.am-input-clear {
			position: relative;
			left: -40px;
		}
	}
	.my-clear2 {
		.am-input-clear {
			position: relative;
			left: -100px;
		}
	}
	.icon-help {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.get-code {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		color: #40b15d;
		&::before {
			content: "";
			position: absolute;
			height: 24px;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 1px;
			background: #ddd;
			left: -0.2rem;
		}
	}
	.agree-wrapper {
		padding-left: 0.28rem;
		padding-top: 0.16rem;
	}
}
.code-input {
	width: 200px;
}
.bank-list-modal {
	.am-modal-header {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding-left: 0.42rem;
		padding-bottom: 0.24rem;
	}
	.am-modal-title {
		text-align: left;
		font-size: 0.32rem;
	}
	.bank-item {
		&:first-child {
			margin-top: 0.2rem;
		}
		&:last-child {
			border-bottom: none;
		}
		display: flex;
		padding: 0.26rem 0;
		align-items: center;
		border-bottom: 0.02rem solid #f8f8f8;
		width: inherit;
		img {
			width: 0.6rem;
			height: 0.6rem;
			margin-right: 0.5rem;
		}
		&-desc {
			text-align: left;
			.name {
				color: rgba(74, 74, 74, 1);
				line-height: 0.4rem;
				font-size: 0.28rem;
				margin-bottom: 0.04rem;
			}
			.limit {
				color: rgba(136, 136, 136, 1);
				font-size: 0.24rem;
				line-height: 0.34rem;
			}
		}
	}
}
.security {
	input {
		-webkit-text-security: disc !important;
	}
}
